<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin:0;
				padding:0;
			}
			body,html{
				height:100%;
			}
			a{
				text-decoration: none;
				color:black;
			}
			#side-body{
				width:20%;
				height:100%;
				background-color:red;
				margin:0;
				padding: 0;
				float:left;
			}
			#side-body1{
				width:16%;
				height:16%;
				margin:2%;
				padding: 0;
				
			}
			#main-body{
				width:80%;
		        height:100%;
				background-color:green;
				float:left;
			}
		</style>
	</head>
	<body>
			<div id="side-body">
				<div id="side-body1">
					<img src="img/1.jpg" alt="头像图片加载失败！">
					<span style="font-size:1.6em;">wuhanniegang </span>
					<a href="#" style="font-size:1.6em;">修改头像</a>
			    </div>
			</div>
			<div id="main-body"></div>
	</body>
</html>
